@import '~antd/es/style/themes/default.less';

.richText {
  margin: 0px;
  padding: 0px;
}

.saveButton {
  width: 48px;
  background-color: @btn-primary-bg;
  color: @btn-primary-color;
  height: 24px;
  border-radius: 2px;
  line-height: 24px;
}

.cancelButton {
  width: 48px;
  background-color: @btn-default-bg;
  color: @btn-default-color;
  height: 24px;
  border-radius: 2px;
  line-height: 24px;
}

.editorWrapper {
  border: solid 1px @border-color-base;
  border-radius: 2px;

  :global {
    .bf-controlbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 0 4px;
    }

    .bf-content {
      font-size: 13px;
    }

    // .bf-content .public-DraftStyleDefault-ltr {
    //   font-size: 13px;
    // }

    .bf-controlbar .control-item {
      margin: 4px 0 4px 1px;
      height: 24px;
      font-size: 13px;
    }

    .bf-dropdown .dropdown-handler {
      height: 24px;
      font-size: 13px;
    }

    .bf-controlbar .control-item.button i:before {
      height: 24px;
      line-height: 24px;
      font-size: 13px;
    }

    .bf-dropdown .dropdown-handler>span i {
      height: 24px;
      line-height: 24px;
      font-size: 13px;
    }

    .bf-dropdown .dropdown-handler .bfi-drop-down {
      height: 24px;
      line-height: 26px;
      font-size: 13px;
      width: 24px;
    }

    .bf-dropdown .dropdown-handler>span {
      height: 24px;
      line-height: 24px;
      font-size: 13px;
      padding: 0 6px;
    }

    .bf-controlbar .separator-line {
      height: 24px;
      margin: 2px;
    }

    .bf-controlbar .control-item.button {
      min-width: 28px;
      padding: 0 4px;
    }

    .headings-dropdown .menu .menu-item {
      padding: 4px 4px;
    }

    .headings-dropdown {
      min-width: 60px;
    }
  }
}

.smallEditor {
  :global {
    .bf-content {
      height: 280px;
    }
  }
}

.middleEditor {
  padding: 0px;
}

.largeEditor {
  padding: 0px;
  :global {
    .bf-content {
      height: 100%;
      min-height: 500px;
    }
  }
}

.editorWrapper:hover {
  border: solid 1px @input-hover-border-color;
  border-radius: 2px;
}

.outputContentBorder {
  border: solid 1px @border-color-base;
  padding: 8px;
  border-radius: 2px;
}

// .noBorder {}

.outputContent {
  width: 100%;
  white-space: pre-wrap;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;

  // overflow: scroll;
  :global {

    ul,
    ol {
      margin-left: 16px;

    }

    ul {
      list-style-type: disc;
    }

    ol {
      list-style-type: decimal;
    }
  }
}

.code {

  code[class*="language-"],
  pre[class*="language-"] {
    white-space: pre-wrap;
    background-color: #21232a;
  }
}

.copyedImgModal {
  display: flex;
  align-items: center;
  justify-content: center;

  .copyedImg {
    margin: 0;
    max-width: 100%;
  }
}
